<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="icon" href="/mi/imgs/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="/mi/css/persional_center/portal.css">
    <link rel="stylesheet" type="text/css" href="/mi/css/common/center_person.css">
    <link rel="stylesheet" href="/mi/css/common/header.css">
    <link rel="stylesheet" href="/mi/css/common/page_bottom.css">
    <link rel="stylesheet" href="/mi/css/iconfont/iconfont.css">
</head>
<body>
    
    <include src="mi"></include>
    <%@include file="../common/header.jsp"%>
    <!-- 个人中心导航栏 -->
    <div class="breadcrumbs">
        <div class="container">
            <div class="xiaomi-con" style="width: 100px;height: 60px" >
            <a href="#">首页</a>
            <span>/个人中心</span>
            </div>
        </div>
    </div>
    <!-- 中心大部分, 划分为两个大部分 -->
    <div class="page-main">

        <div class="container">
            <div class="row">
                <!-- 1. 左侧导航栏 -->
                <div class="span4">
                    <div class="J_userMenu">
                        <div class="menu-box">
                            <h3>订单中心</h3>
                            <ul>
                                <li><a href="/mi/order/order_load">我的订单</a></li>
                                <li><a href="">评价晒单</a></li>
                                <li><a href="">以旧换新订单</a></li>
                            </ul>
                        </div>
                        <div class="menu-box">
                            <h3>个人中心</h3>
                            <ul>
                                <li><a href="">我的个人中心</a></li>
                                <li><a href="">消息通知</a></li>
                                <li><a href="mi/personal_center/likes">喜欢的商品</a></li>
                                <li><a href="">收货地址</a></li>
                            </ul>
                        </div>
                        <div class="menu-box">
                            <h3>售后服务</h3>
                            <ul>
                                <li><a href="">服务记录</a></li>
                                <li><a href="">申请服务</a></li>
                            </ul>
                        </div>
                        <div class="menu-box">
                            <h3>账户管理</h3>
                            <ul>
                                <li><a onclick="pi()" style="cursor:pointer">个人信息</a></li>
                                <li><a onclick="pl()" style="cursor:pointer">修改密码</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- 2. 右侧将展示不同的信息表, 根据用户点击的跳转链接(我的个人中心) -->
                <div class="span16">
                    <div class="uc-content-box">
                        <div class="box-bd">
                            <div class="portal-main-detail">
                                <!-- 用户头像+晚上好+修改个人信息 -->
                                <div class="user-card">
                                    <!-- 头像 -->
                                    <img src="${user.userImg}" alt="" class="user_img">
                                    <!-- 姓名 -->
                                    <h3 class="username">${user.userName}</h3>
                                    <p class="tip">早上好~</p>
                                    <a onclick="tz()" style="color: rgb(255, 127, 0);">修改个人信息</a>
                                </div>
    
                                <!-- 账户安全+绑定手机+绑定邮箱 -->
                                <div class="user-actions">
                                    <ul>
                                        <li>账户安全:&nbsp; <span style="color:rgb(255, 172, 19)">普通</span></li>
                                        <li>绑定手机:&nbsp; <span>${user.userTelephone}</span></li>
                                        <li>绑定邮箱:&nbsp; <span>${user.userEmail}</span></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="portal-sub">
                                <ul>
                                    <li>
                                        <h3>待支付的订单:&nbsp; </h3><span class="num">${ordersss}</span>
                                        <a href="/mi/order/order_load">查看待支付订单<b>></b></a>
                                        <img src="https://s01.mifile.cn/i/user/portal-icon-1.png" alt="">
                                    </li>
                                    <li>
                                        <h3>待收货的订单:&nbsp; </h3>
                                        <span class="num">${orderssss}</span>
                                        <a href="/mi/order/order_load">查看待收获订单<b>></b></a>
                                        <img src="https://s01.mifile.cn/i/user/portal-icon-2.png" alt="">
                                    </li>
                                    <li>
                                        <h3>待评价商品数:&nbsp; </h3>
                                        <span class="num">0</span>
                                        <a href="">查看待评价商品<b>></b></a>
                                        <img src="https://s01.mifile.cn/i/user/portal-icon-3.png" alt="">
                                    </li>
                                    <li>
                                        <h3>喜欢的商品:&nbsp; </h3>
                                        <span class="num">${likes}</span>
                                        <a href="/mi/personal_center/likes" style="margin-left: -116px">查看喜欢的商品<b>></b></a>
                                        <img src="https://s01.mifile.cn/i/user/portal-icon-4.png" alt="">
                                    </li>
                                </ul>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
    




    <!-- 底部公共部分 -->
    <%@include file="../common/page-bottom.jsp"%>


    <script type="text/javascript" src="/mi/js/personalcenter/portal.js"></script>
</body>
</html>